<template>
 <div>
    <div  class="dh relative bg-[red] w-[10rem] h-[10rem] ml-[4rem]"></div>
 </div>
</template>

<script>
 export default {
   data () {
     return {

     }
   },
   components: {

   }
 }
</script>

<style scoped>
@keyframes example{
   0%{
    left: 0px;
    top:0px
   }
   25%{
    top: 85px;
    left: 100px;
   }
   50%{
    top:20px;
    left: 200px;
   }
}
.dh{
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
 
</style>
